<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title></title>
  <style type="text/css">
    /*此处写代码*/
    *{margin:0;padding:0;text-align:center;color:#fff;font-family:"microsoft yahei";font-size:16px;}
    
    .top{
        height:100px;
        width:100%;
        min-width:1000px;
        background:#000;
        margin:0 auto;
        position:fixed;
        top:0px;

       
    }
    .logo{
      
        width:300px;
        height:100px;
        background:url(http://climg.mukewang.com/58c0d2d900016ce303000100.png);
        float:left;
    }
    .right{
        color:#fff;
        float:right;
        height:100px;
        line-height:100px;
    }
  
    .con1{
        width:1600px;
        height: 480px;
        margin:0 auto;
        background:url(http://climg.mukewang.com/58c0eda50001e12416000480.jpg);
        margin-top:100px;
        
    }
    
    .con2{
        width:1600px;
        height:480px;
        margin:0 auto;
        background:url(http://climg.mukewang.com/58c0edb80001c9f216000480.jpg);
         
    }
    .con3{
        width:1600px;
        height:480px;
        margin:0 auto;
        background:url(http://climg.mukewang.com/58c0edc9000100d516000480.jpg);
          margin-bottom: 50px;
         
    }
    .bottom{
        width:100%;
        height:50px;
        background:#000;
        line-height:50px;
        position: fixed;
        bottom:0px;  
    }
    a{text-decoration:none;margin-right:20px;}
    hr{
      width:1600px;
      margin:0 auto;
    }
    
  </style>
</head>
<body>
  <!-- 此处写代码 -->
  <!--这是头部-->
  <div class="top">
      <a href="#"><div class="logo"></div></a>
      <div class="right">
          <a href="#">首 页</a>
          <a href="#">职业路径</a>
          <a href="#">实战</a>
          <a href="#">猿问</a>
          <a href="#">手记</a>
      </div>
      <div class="clear"></div>
  </div>
  
  <!--这是1的位置-->
  <div class="con1"></div>
  <hr/>
  <!--这是2的位置--> 
  <div class="con2"></div>
  <hr/>
  <!--这是3的位置-->
  <div class="con3"></div>
  
  <!--这是底部位置-->
  <div class="bottom"> 
    <a href="#">人才招聘</a>
    <a href="#">商务合作</a>
    <a href="#">人才招聘</a>
    <a href="#">关于我们</a>
    <a href="#">联系我们</a>
  </div>
</body>
</html>